<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Đánh giá</title>
        <link href="css/style.css" rel="stylesheet" type="text/css"/> 
        <script type="text/javascript" src="js/jquery.lib.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </head>

    <body>
        <div class="pop-up"></div>
        <div class="mainpage">
            <span>Đánh giá</span>
        </div>
        <div class="form-danhgia">
            <div class="banner">
                <div>
                    <span>Đánh giá</span>
                </div>
            </div>
            <div class="content">
                <p>Chọn khoảng thời gian đánh giá</p>
                <div class="choose-time">
                    <div class="time">
                        <div class="radio-checkbox rd-checked"></div>
                        <div class="select-time" id="weeks">
                            <span class="select-week">Tuần</span>
                            <span class="drop-down-icon"></span>
                        </div>
                        <div class="weeks">
                            <ul>
                                <li class="selected"><span>Tuần 1</span> (01/01/2013 - 07/01/2013)</li>
                                <li><span>Tuần 2</span> (08/01/2013 - 15/01/2013)</li>
                                <li><span>Tuần 3</span> (16/01/2013 - 23/01/2013)</li>
                                <li><span>Tuần 4</span> (24/01/2013 - 31/01/2013)</li>
                                <li><span>Tuần 5</span> (01/02/2013 - 07/01/2013)</li>
                                <li><span>Tuần 6</span> (08/02/2013 - 15/01/2013)</li>
                            </ul>
                        </div>
                    </div>
                    <div class="time">
                        <div class="radio-checkbox"></div>
                        <div class="select-time">
                            <span>Tháng</span>
                            <span class="drop-down-icon"></span>
                        </div>
                    </div>
                    <div class="time">
                        <div class="radio-checkbox"></div>
                        <div class="select-time">
                            <span>Quý</span>
                            <span class="drop-down-icon"></span>
                        </div>
                    </div>
                    <div class="time">
                        <div class="radio-checkbox"></div>
                        <div class="select-time">
                            <span>Năm</span>
                            <span class="drop-down-icon"></span>
                        </div>
                    </div>
                </div><!--choose time-->
                <p>Xếp loại đánh giá</p>
                <div class="rank">
                    <div id="xuatsac" class="rank-type">
                        <div class="radio-checkbox rd-checked"></div>
                        <span>Xuất sắc</span>
                    </div>
                    <div id="tot" class="rank-type">
                        <div class="radio-checkbox"></div>
                        <span>Tốt</span>
                    </div>
                    <div id="kha" class="rank-type">
                        <div class="radio-checkbox"></div>
                        <span>Khá</span>
                    </div>
                    <div id="trungbinh" class="rank-type">
                        <div class="radio-checkbox"></div>
                        <span>Trung bình</span>
                    </div>
                    <div id="kem" class="rank-type">
                        <div class="radio-checkbox"></div>
                        <span>Kém</span>
                    </div>
                </div><!--Xếp loại-->
                <p>Nhận xét năng lực chuyên môn</p>
                <textarea></textarea>
                <p>Nhận xét tác phong làm việc</p>
                <textarea></textarea>
                <div class="checkbox cb-checked" id="view-name">Hiện tên người đánh giá</div>
                <div class="button" id="btn-hoanthanh">Hoàn thành</div>
                <div class="button" id="btn-huy">Hủy bỏ</div>
            </div>
        </div>
    </body>
</html>

